#list-container {
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
  margin: 20px auto;
}

.article-item {
  /*background-color: rgba(0,0,0,0.3);*/
  /*filter: blur(2px);*/

  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 2;
  /*background: rgba(255, 255, 255, .8);*/
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255, 178, 230, 0.9));;
}


.article-item:hover{
  box-shadow: 0 0 30px rgba(0, 0, 0, 1);
}

.article-item:before {
  content: '';
  /*background: url("~@/assets/images/background.jpg") center center / cover no-repeat fixed;*/
  filter: blur(20px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin: -30px;
}
/*.article-item::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  -webkit-filter: blur(20px);*/
/*  -moz-filter: blur(20px);*/
/*  -ms-filter: blur(20px);*/
/*  -o-filter: blur(20px);*/
/*  filter: blur(20px);*/
/*  z-index: -3;*/
/*  margin: -30px;*/
/*  background-image: url("~@/assets/images/background.jpg");*/
/*  background-position: center top;*/
/*  background-size: cover;*/
/*  background-attachment: fixed;*/
/*}*/

/*  文章列表 */
.note-list {
  margin: 0;
  padding: 0;
  list-style: none; /*去除 li 圆点*/
}

.note-list li {
  position: relative;
  width: 100%;
  margin: 0 0 15px;
  padding: 15px 2px 20px 0;
  /*border-bottom: 1px solid #f0f0f0;*/
  word-wrap: break-word; /*自动换行 */
}

/*文章标题*/
.note-list .title {
  text-align: center;
  border-bottom: 2px solid rgba(52, 93, 194, 0.2);
  padding-bottom: 10px;
  margin: 10px 0 10px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
  color: black;
}

.note-list .title:hover {
  color: rgba(202, 12, 22, 1);
}

/* 点击标题后的效果 */
.note-list .title:visited {
  color: #969696;
}

/* 简介 */
.note-list .abstract {
  text-indent: 2em;
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 24px;
  color: #4f4f4f;
  border-bottom: 2px solid rgba(52, 93, 194, 0.2);
}

/* 统计 */
.note-list .meta {
  text-align: center;
  /* padding-right: 0!important; */
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.note-list .meta span {
  margin-right: 10px;
  color: #4f4f4f;
}

.note-list .meta a {
  margin-right: 10px;
  color: #4f4f4f;
}

/* 图片 */
.note-list .have-img .content {
  padding-left: 160px;
}

.note-list li.have-img {
  min-height: 140px;
}

.note-list .have-img .wrap-img {
  position: absolute;
  top: 50%;
  margin-top: -60px;
  left: 20px;
  width: 120px;
  height: 120px;
}

.note-list .have-img .wrap-img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  /*border: 1px solid #f0f0f0;*/
  box-shadow: 0 0 10px rgba(0,0,0, 0.8) ;
}

.page {
  margin-top: 15px;
}
